<template>
    <div class="now_header">
        <div style="width: 28px;display: inline-block" @click = goBack>
            <img style="width: 100%" src="../assets/img/back.png">
        </div>
    </div>
    <div style="margin-top: 50px; text-align: left">
        <weibo-info :bottom-show = "'commit'"  :weibo-records = "wbData.records"></weibo-info>
    </div>
</template>

<script setup>
import {useRouter,useRoute} from 'vue-router'
import WeiboInfo from "@/components/weiboInfo.vue";
import {onMounted, reactive} from "vue";

const router = useRouter();
const route = useRoute();

const wbData = reactive({
    records:[]
})

const goBack = ()=>{
    router.go(-1)
}

    onMounted ( () => {
    wbData.records.push(JSON.parse( route.params.wbInfo))
})


</script>

<style scoped>
.now_header{
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #5195FF;
    color:white;
    text-align: left;
    top: 0;
    left: 0;
    padding: 4px;
    box-sizing:border-box;
}
</style>